<template>
  <div>
    <!-- <Parent /> -->
    <!-- <life v-if="isShow" /> -->

    <!-- 路由 -->
    <p>
      <router-link to="/singer">歌手</router-link> &nbsp;&nbsp;
      <router-link to="/song">歌曲</router-link>
    </p>
    <!-- 路由出口 -->
    <!-- 匹配好的组件（页面），就会渲染到这里 -->
    <!-- 占位和被替换，有点类似于插槽 -->
    <router-view></router-view>
  </div>
</template>

<script>
// 导出当前组件实例
// import Parent from '@/components/parent-child/Parent.vue'
// import Parent from '@/components/brother/Parent.vue'
// import life from '@/components/life'
// import Parent from '@/components/default-slot/Parent.vue'
// import Parent from '@/components/name-slot/Parent.vue'
export default {
  data () {
    return {
      isShow: true
    }
  },
  components: {
    // Parent
    // life
  }
}
</script>
